@import "kb.scss";
#register{
	// width: 100%;
	// height: 100vh;
	background: $bg_3
}

.content{
	text-align: center;
}
.register-box{
	width: 610px;
	.ruleForm{
		width: 540px;
		.el-checkbox-group {
			label {
				width: 82px;
				text-align: center;
			}
		}
		.el-form-item__label{
			text-align: left;
		}
		.el-form-item__content{
			text-align: left;
		}
		.el-select{
			width: 100%;
		}
		>.el-form-item{
			margin-bottom: 20px;
		}
	}
	.class_{
		.el-select{
			width: 45%;
			&:nth-of-type(2){
				margin-left: 35px;
			}
		}
	}
	.el-cascader{
		width: 100%;
	}
}


.register-login{
	width: 460px;
	padding: 70/610*100% 0;
}

.login-go{
	margin-top: 10px;
	>a{
		font-size: 12px;
		&:nth-of-type(1){
			color: #666666;
		}
		&:nth-of-type(2){
			color: $sc_6;
			margin-left: 10px;
		}
	}
}

.register-br{
	// margin: 0;
	margin-bottom: 30px;
	text-align: left;
	.el-form-item__content{
		line-height: 20px;
	}
	span{
		font-size: 12px;
		color: #333333;
	}
	img{
		vertical-align: text-bottom;
		margin: 0 5px;
	}
	> .el-form-item__content{
		padding-bottom: 6px;
	}
	&:after{
		width: 100%;
		// padding-top: 12px;
		border-bottom: 1px dashed #e8e8e8;
	}
}

.role{

	.el-radio+.el-radio{
		margin: 0;
		background: #C1D7FF;
	}
	.el-form-item__content{
		text-align: left;
		.el-radio{
			background: #F0F4FD;
			margin-right: 20px;
			font-size: 16px;
			padding: 20px 30px;
			&:last-of-type{
				margin: 0;
			}
		}
		.el-radio__label{
			padding-left: 28px;
		}
		.el-radio__inner{
			width: 18px;
			height: 18px;
			&:after {
				width: 8px;
				height: 8px;
			}
		}
	}
	.el-form-item__content{
		.el-checkbox{
			background: #F0F4FD;
			margin: 0;
			margin-right: 20px;
			font-size: 16px;
			padding: 20px 42px;
			&:last-of-type{
				margin: 0;
			}
		}

		.el-checkbox__inner{
			width: 18px;
			height: 18px;
			border-radius: 50%;
			&:after {
				width: 6px;
				height: 10px;
				border-style: 2px;
			}
		}
		.el-checkbox + .is-checked{
			background: #C1D7FF;

		}

	}

}

// .code_{
// 	margin-top: 22px;
// 	margin-bottom: 0;
// }

.code_op{
	position: absolute;
	top: 0;
	right: -60px;
	width: 60px;
	>i{
		cursor: pointer;
		color: $sc_6;
		margin-left: 10px;
		font-size: 20px;
	}
}

.class-list{
	font-size: 0;
	line-height: 16px;
	text-align: left;
	>li{
		display: inline-block;
		vertical-align: top;
		background: #FFFADC;
		font-size: 12px;
		color: #AB4F15;
		padding: 6px 15px;
		margin: 5px 5px 5px 0;
	}
}

.register-btn{
	button{
		width: 100%;
		padding: 0;
		text-align: center;
		height: 36px;
		line-height: 36px;
	}
}

.register-bh{
	padding-bottom: 100px;
	span{
		color: #666;
		font-size: 12px;
	}
	a{
		color: $sc_6;
		margin-left: 5px;
		font-size: 12px;
	}
}



.register-info{
	width: 385px;
	>p{
		font-size: 12px;
		color: #666666;
		text-align: left;
		&:nth-of-type(1){
			padding-top: 230px;
			padding-bottom: 12px;
		}
		&:nth-of-type(2){
			padding-bottom: 180px;
		}
	}
}


.userMsgView{
	.el-dialog__header{
		background: $bg_1;
	}
	.el-dialog__title,
	.el-dialog__close{
		color: #fff;
	}
	.el-dialog__body{
		padding: 40px 30px 60px;
	}
	.userMsg-tips{
		font-size: 12px;
		color: #E29300;
		line-height: 16px;
	}
	.userMsg-info{
		background: #F6F6F6;
		padding: 16px 21px;
		margin-top: 15px;
		>div{
			&:last-of-type{
				margin-bottom: 0;
			}
		}
	}

	.userMsg-xxx{
		font-size: 0;
		margin-bottom: 15px;
		>span,>div{
			display: inline-block;
			vertical-align: top;
			line-height: 16px;
		}
		>span{
			margin-right: 15px;
			font-size: 12px;
			color: #666666;
		}
		>div{
			font-size: 14px;
			color: #000000;
			>span{
				padding-right: 20px;
			}
		}
		.el-input.is-disabled .el-input__inner{
			background: none;
			border-color: none;
			color: #333;
			padding: 0;
			line-height: 16px;
			height: 16px !important;
			border: none;
		}
		.el-input__suffix{
			display: none;
		}
		.el-input{
			line-height: 16px;
		}
	}

	.userMsg-title{
		font-size: 12px;
		color: #666666;
		margin-top: 20px;
	}
	.userMsg-btn{
		text-align: center;
		>button{
			padding: 0;
			border: 0;
			height: 30px;
			line-height: 30px;
			text-align: center;
			margin-top: 30px;
			&:nth-of-type(1){
				width: 80px;
			}
			&:nth-of-type(2){
				width: 170px;
			}
		}
	}
}

.children_{
	margin-bottom: 0 !important;
	.el-form-item{
		margin-bottom: 20px;
	}
	.el-tabs--card {
		>.el-tabs__header{
			border: 0;
			.el-tabs__item{
				border: 1px solid #E1E0E0;
				border-radius: 3px;
				margin-right: 10px;
				padding: 0 10px;
			}
			.el-tabs__item.is-active.is-closable{
				background: #C1D7FF;
				border-color: #C1D7FF;
				padding: 0 10px;
				color: #000;
			}
		}
	    .el-tabs__nav{
	    	border: 0;
	    }

	}

}

.el-input{
	line-height: 36px;
	>.el-input__inner{
		height: 36px;
		line-height: 36px;
		border-radius: 0;
	}
}

.el-tabs__new-tab{
	border: 1px solid #348efc;
	    color: #348efc;
}

.role_check{
	border-bottom: 1px solid #DDDDDD;
	position: relative;
	>span{
		position: absolute;
		top: 0;
		right: 0;
		width: 1px;
		height:12px;
		float: right;
		border-top: 12px solid #DDDDDD;
		border-right: 12px solid #DDDDDD;
		transform: rotate(135deg);
		-webkit-transform: rotate(135deg);   
	}
	input{
		opacity: 0;
		&:after{
			width:0;
			height:0;
			content: "";
			display: inline-block;
			border-left:5px solid transparent;
			border-right:5px solid transparent;
			border-bottom:10px solid black;
		}
	}
}

.border-up-empty{
	// border-bottom: 1px solid #ddd;
	position: relative;
	margin: 40px 0 30px;
	height: 1px;
	background: #ddd;
	>span{
		width: 0;
		height: 0;
		display: inline-block;
		border-left: 12px solid transparent;
		border-right: 12px solid transparent;
		border-bottom: 12px solid #ddd;
		position: absolute;
		top: -12px;
		left: 38px;

		&:after{
			display: inline-block;
			width: 0;
			height: 0;
			content: "";
			border-left: 12px solid transparent;
			border-right: 12px solid transparent;
			border-bottom: 12px solid #fff;
			position: absolute;
			left: -12px;
			top: 2px;
		}
		&:nth-of-type(2){
			left: 203px;
		}
		&:nth-of-type(3){
			left: 360px;
		}
	}
}


